<div class="wide100p padding5">
  <h3 data-i18n="Chat History">Chat History</h3>

  <div class="promeChatHistoryList"></div>

  <div class="promeChatHistoryItemTemplate template_element">
    <div class="promeChatHistoryItem flex-container flexFlowColumn">
      <div class="mes promeChatHistoryItemSender flex-container flexFlowColumn">
        <!-- sender information -->
        <div class="flex-container flexFlowRow alignitemscenter">
          <div class="avatar" style="flex: none; scale: 70%">
            <img class="promeChatHistoryItemSenderAvatar" src="" />
          </div>
          <span class="promeChatHistoryItemSenderName"></span>
          <small class="promeChatHistoryItemSenderTimestamp"></small>
        </div>

        <!-- message text -->
        <div class="mes_text promeChatHistoryItemSenderText"></div>
      </div>
    </div>
  </div>
</div>